{include file="public/head" title="订单" keywords="订单" description="订单" /}
<style>
	.wdzh_main_section1 div{
		padding-top: 0.2rem;
	}
	.tbp{
		margin-top: -0.54rem;
	}
	.chongzhi_s1 button{
		border:none;
		background-color: #fff;
		border-right: 1px solid #f2f2f2;
	}
	.action{
		border-bottom: 1px;
		border-bottom-color:rgb(246, 115, 85);
	}
    .order-info{
        float: left;
        margin-top: 0.6rem;
        width: 100%;
    }
    .order-info li{
        display: block;
        float: left;
        font-size: 0.5rem;
        height: 1.6rem;
        line-height: 1.6rem;
    }
    .order-info .img{
        display: block;
        width: 80px;
        height: 80px;
        margin-left: -1.7rem;
    }
    .order-info .title{

        border-bottom:none;
    }
    .order-info .shuxing{
        clear: both;
        width: 100%;
        margin-left: 85px;
        border-bottom: 1px solid #efefef;
    }
    .order-info .order-price span{
        display: block;
        float: right;
        margin-top: -1.5rem;
        /*margin-right: -33rem;*/
        /*width: 1rem;*/
    }
    .order-info .zongjia{
        display: block;
        text-align: right;
        width:100%;
        padding:0;
        border-bottom: none;
        margin-top: -1.4rem;
    }
	.topay{
		border: 1px solid #01cebf;border-radius: 50px;width: 4.5rem;height: 1.6rem;text-align: center;
	}
</style>
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
		<!-- 菜单容器 -->
			<div class="mui-inner-wrap">
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper" style="background-color: #fff;">
					<div class="mui-scroll">
						<header class="tx_head">
							<p>
								<a href="{:url('index')}" class="header_p1"><span class="mui-icon mui-icon-arrowleft"></span></a>
							<h5>我的订单</h5>

							</p>
						</header>
						<main class="wyty_main">
							<main class="wdzh_main">
								<section class="wdzh_main_section1">
									<div style="border-right: 1px solid #f2f2f2;height: 4rem; {if condition='$status eq 0'}border-bottom: 1px solid #01cebf {/if}" >
										<a href="{:url('Account/orders',['userid'=>$userid])}"><div>

											<span class="iconfont icon-dingdan" style="font-size: 2.1rem;color: #579aea;"></span><p class="tbp">全部</p>
										</div></a>
									</div>
									<div style="border-right: 1px solid #f2f2f2; height: 4rem;{if condition='$status eq 1'}border-bottom: 1px solid #01cebf {/if}" >
										<a href="{:url('Account/orders',['status'=>1,'userid'=>$userid])}"><div>

											<span class="iconfont icon-qiapian" style="font-size: 2.1rem;color: #ff5555"></span><p class="tbp">待付款</p>
										</div></a>
									</div>
									<div style="border-right: 1px solid #f2f2f2;height: 4rem; {if condition='$status eq 2'}border-bottom: 1px solid #01cebf {/if}" >
										<a href="{:url('Account/orders',['status'=>2,'userid'=>$userid])}"><div>

											<span class="iconfont icon-feiji" style="font-size: 2.6rem;color: #faaf42"></span><p class="tbp" style="margin-top: -0.8rem;">未派单</p>
										</div></a>
									</div>
									<div style="border-right: 1px solid #f2f2f2;height: 4rem; {if condition='$status eq 3'}border-bottom: 1px solid #01cebf {/if}" >
										<a href="{:url('Account/orders',['status'=>3,'userid'=>$userid])}"><div>

											<span class="iconfont icon-xinxing" style="font-size: 1.9rem;color: #39bb58"></span><p class="tbp">服务中</p>
										</div></a>
									</div>
									<div style="border-right: 1px solid #f2f2f2; height: 4rem;{if condition='$status eq 4'}border-bottom: 1px solid #01cebf {/if}" >
										<a href="{:url('Account/orders',['status'=>4,'userid'=>$userid])}"><div>

											<span class="iconfont icon-dingdanyiwancheng" style="font-size: 1.9rem;color: #5db2ff"></span><p class="tbp" >已完成</p>
										</div></a>
									</div>

								</section>

							<section class="wyty_section2 line">
							{empty name="all"}
								<div style="text-align: center;margin-top: 10px;">暂无数据......</div>
							{else /}
								{volist name="all" id="v"}
									<ul class="jyjl_ul">
										<li class="jyjl_li" style="border-bottom: 7px solid #f3f3f3;line-height: 0;height: 9.8rem;">
											<div class="order-info">
                                                <ul>
													<li class="title" style="clear: both;border-bottom: 1px solid #efefef;font-size: 0.8rem;width: 100%;line-height: 2.7rem;  height: 2.7rem;">
														订单编号:{$v.order_mun} <span style="float: right">{$v.addtime|date="Y-m-d H:i:s",###}</span>
													</li>
                                                    <li>
                                                        <img class="img" src="{$v.original_img}"  />
                                                    </li>
                                                    <li class="title" style="font-size: 0.8rem;">
                                                        {$v.goods_name}
                                                    </li>
                                                    <li class="shuxing">

                                                    </li>
													<li class="order-price" style="margin-left: 5rem;font-size: 0.8rem;">
														<span style="color: red">￥{$v.price}元 x{$v.munber}</span>
													</li>
													<li class="zongjia" style="font-size: 0.9rem;" >
														<span style="margin-top: -1.8rem;">总价:{$v.price * $v.munber}元</span>
														{if condition="$v.status eq 1"}
														<span data-src="{:url('todopay',['id'=>$v.id])}" style="margin-top: 0.2rem;">
                                                <a href="{:url('todopay',['id'=>$v.id])}" style="color:  #01cebf;">
                                                <span class="topay topay"  >立即支付</span>
                                                </a>
                                                </span>
														{elseif condition="$v.status eq 2"}
														<span class="topay">待服务</span>
														{elseif condition="$v.status eq 3"}
														<span class="topay">付尾款</span>
														{elseif condition="$v.status eq 4"}
														<span class="topay">待评价</span>
														{/if}

												</ul>
											</div>
										</li>
									</ul>
								{/volist}
								<!-- 分页 (调取通用方法)-->
							{/empty}
							</section>


						</main>
						<br>
						<br>
						<br>
					</div>
				</div>
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
		{include file="public/footer"}
	</body>
</html>
<script>
//    $('.wyty_section1_b1').on('click',function () {
//        alert(11)
//    })
//    <a href="{:url('Account/orders',['status'=>1])}">
</script>